<div class="public_header">
<div class="header">
    <div class="main">
        <div class="header_left">
            <ul>
                <li>欢迎来到知我！这里，用专业呵护美丽。</li>
                <li><a href="login.html">请登录</a></li>
                <li><a href="">快速注册</a></li>
            </ul>
        </div>
        <div class="header_right">
            <ul>
                <li>
                    <a href="" class="iconfont">微信商城&#xe611;</a>
                    <div class="header_xiala">
                        <img src="images/wechat_ewm1.jpg" alt="" width="60" height="60">
                    </div>
                </li>
                <li><a href="" target="_blank" class="iconfont">&#xe67e;手机知我</a></li>
                <li>
                    <a href="" class="iconfont">我的小窝&#xe611;</a>
                    <div class="header_xiala">
                        <ul>
                            <li><a href="" rel="nofollow">我的订单</a></li>
                            <li><a href="" rel="nofollow">我的优惠券</a></li>
                            <li><a href="" rel="nofollow">我的收藏</a></li>
                            <li><a href="" rel="nofollow">我的预订</a></li>
                            <li><a href="" rel="nofollow">我的积分</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="" class="iconfont">客服服务&#xe611;</a>
                    <div class="header_xiala">
                        <ul>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">帮助中心</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="header_center">
    <div class="main">
        <div class="header_clogo">
            <a href=""><img src="images/logo.jpg" alt=""></a>
        </div>
        <div class="header_csearch">
            <div class="search_box">
                <form action="">
                    <input class="search_box_text" type="text" name="keyword" value="可莱丝">
                    <input class="search_box_btn" type="submit" name="search" value="搜索">
                </form>
                <ul class="clearfix">
                    <li><a href="" rel="nofollow">保湿</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">面膜</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">洗面奶</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">补水</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">香水</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">眼霜</a><i class="line"></i></li>
                    <li><a href="" rel="nofollow">口红</a></li>
                </ul>
            </div>
        </div>
        <div class="header_cshopcar" id="header_cshopcar">
            <p class="header_shopgoods_totleamout ">0</p>
            <a class="header_myshopcar" href="ShopCart.html" rel="nofollow">
                <span>我的购物车</span><i></i></a>
            <div class="header_shopgoods">
                <div class="shopgoods_empty">
                    <p class="shopgoods_empty_img"></p>
                    <p class="shopgoods_empty_p1">购物车为空</p>
                    <p class="shopgoods_empty_p2">请挑选心爱的商品吧！</p>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="nav">
        <div class="main">
            <div class="nav_left">
                <ul>
                    <li><a href="">首页</a></li>
                    <li id="zhiwoshangchen">
                        <a href="">知我商城</a>
                        <div class="nav_left_hidebox">
                            <div class="mainlist_inner hufu">
                                <dl>
                                    <dt><a>护肤</a></dt>
                                    <dd><a href="http://www.zhiwo.com/products/c24">面膜面贴</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c36">乳液凝露</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c40">洁面卸妆</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c143">眼精华/眼霜</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c157">防晒隔离</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c25">化妆水爽肤水</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c146">眼膜/眼贴</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c27">精华</a></dd>
                                </dl>
                            </div>
                            <div class="mainlist_inner yaozhuang">
                                <dl>
                                    <dt><a>药妆</a></dt>
                                    <dd><a href="http://www.zhiwo.com/products/c174">乳液面霜</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c173">洁面卸妆</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c182">面部精华</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c175">化妆水爽肤水</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c176">面膜面贴</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c26">喷雾</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c178">眼精华/眼霜</a></dd>
                                    <dd><a href="http://www.zhiwo.com/products/c165">防晒隔离</a></dd>
                                </dl>
                            </div>
                        </div>
                        <!--<div class="mainlist_row clearfix">-->
                        <!--<div class="mainlist_inner xihu">-->
                        <!--<dl>-->
                        <!--<dt><a>洗护</a></dt>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c212">洗发护发</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c224">口腔护理</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c186">沐浴润体</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c207">身体乳霜</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c157">手足护理</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c215">美体瘦身</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c157">防晒隔离</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c213">润唇膏</a></dd>-->
                        <!--</dl>-->
                        <!--</div>-->
                        <!--<div class="mainlist_inner caizhuang">-->
                        <!--<dl>-->
                        <!--<dt><a>彩妆香氛</a></dt>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c78">唇彩/口红</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c136">女士香水</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c80">粉饼/蜜粉</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c137">男士香水</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c57">睫毛</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c56">眼线</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c73">腮红/胭脂</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c153">粉底/妆前乳</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c55">眼影/彩妆盘</a></dd>-->
                        <!--<dd><a href="http://www.zhiwo.com/products/c61">BB霜/CC霜</a></dd>-->
                        <!--</dl>-->
                        <!--</div>-->

                        <!--</div>-->
                    </li>
                    <li><a href=""></a></li>
                </ul>
            </div>
            '
            <div class="nav_right">
                <ul class="clearfix">
                    <li class="fcb_invest"><span>百度投资</span></li>
                    <li class="fcb_quality"><span>真品保证</span></li>
                    <li class="fcb_mail"><span>139元包邮</span></li>
                    <li class="fcb_return"><span>30天无理由退换货</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
//        var obj= JSON.parse( window.sessionStorage.getItem("userinfo")||'{}');
//        document.body.innerText=obj.u_name;
//        $(".header-left>ul>li").each(function () {
//            var obj= window.sessionStorage.getItem("userinfo")||'{}';
//            if(window.sessionStorage.getItem("userinfo")){
//
//            }
//        })
        $(".header_right>ul>li").mouseover(function () {
            $(this).find(".header_xiala").stop().slideDown(200);
        })
        $(".header_right>ul>li").mouseout(function () {
            $(this).find(".header_xiala").stop().slideUp(200);
        })
        $(".nav_right ul li").mouseover(function () {
            $(this).stop().animate({"width": "100px"}, 500).siblings("li").stop().animate({"width": "0px"}, 500);

        })
        $(".nav_right ul li").mouseout(function () {
            $(this).stop().animate({"width": "0px"}, 500);
        })
        $("#zhiwoshangchen").mouseover(function () {
            $(this).find($(".nav_left_hidebox")).stop().slideDown(500);
        })
        $("#zhiwoshangchen").mouseout(function () {
            $(this).find($(".nav_left_hidebox")).stop().slideUp(500);
        })
        $(".header_cshopcar").mouseover(function () {
            $(".header_shopgoods").stop().slideDown(500);
        })
        $(".header_cshopcar").mouseout(function () {
            $(".header_shopgoods").stop().slideUp(500);
        })



        $.ajax({
            url:"../severs/session.php",
            type:"POST",
            typeData:"json"
        }).then(function (res) {
            if(res=='18473481896<input id="uid" type="hidden" value="1">'){
                $(".header_left ul li").eq(1).find("a").remove();
                $(".header_left ul li").eq(1).html("<a>欢迎您知我用户："+res+"</a>");
                $(".header_left ul li").eq(2).find("a").remove();
                $(".header_left ul li").eq(2).html("<a class='ll'>[退出]</a>");
            }

        })
        $(document).on("click",".ll",function () {
          var r= confirm("确定要退出吗？");
          if(r){
              $.ajax({
                  url:"../severs/removesession.php"
              }).then(function () {
                  var str="";
                  $(".header_left ul li").eq(1).remove();
                  $(".header_left ul li").eq(1).remove();
                  str+='<li><a href="login.html">请登录</a></li>';
                  str+='<li><a href="register.html">快速注册</a></li>';
                  $(".header_left ul").append(str);
              })

          }
//               window.session.invalidate();

        })
    })
</script>